Html5 ile Etkileşimli Web Tasarımı - 201

HTML5 ile Web Tasarımı – 201 etkinlikleri ile HTML5 etiketlerinin kullanımı adım adım etkileşimli ekranlarla anlatılmıştır. Dersin temel amacı HTML’i özellikle çocuklar için anlamlı kılmak ve öğrenmelerini kolaylaştırmaktır. 10 etkinlikten oluşan bu derste öğrenciler temel HTML5 etiketlerini, metin biçimlendirme etiketlerini, form, tablo, liste etiketlerini öğrenerek ders platformundan ayrılmadan dersin içerisindeki editörü kullanarak öğrendiklerini pratik edeceklerdir. Böylece farklı platformlarda kod yazmalarına gerek kalmayacaktır. Bu editör ile oluşturdukları projeleri kaydedebilir, indirebilir ve daha sonra tekrar kullanabilirler.

Etkinlikleri açabilmek için için giriş yapmalısınız. Giriş yapmak için tıklayın

1
Temel Html5 Etiketleri
Bu etkinlikte web sitelerinin nasıl oluşturulduğunu öğreceksin. HTML5’in yapısını ve özelliklerini öğreneceksin. Temel HTML etiketleri ile ilk projeni oluşturacaksın.
2
Metinleri Biçimlendirelim
Bu etkinlikte tipografinin ne olduğunu öğreneceksin. Web sitelerinde kullanılan metin biçimlendirme etiketlerini öğreneceksin. Metin biçimlendirme etiketlerini kullanarak metinleri biçimlendireceksin.
3
Liste Oluşturalım
Bu etkinlikte HTML5 ile liste oluşturmayı öğreneceksin. Sıralı, sırasız ve açıklama listelerinin farkını öğreneceksin. Sıralı ve sırasız listelerde type özelliğini öğreneceksin.
4
Tablo Oluşturalım
Bu etkinlikte tabloda satır, sütun ve hücrenin ne anlama geldiğini öğreneceksin. Tablo etiketlerini ve anlamlarını öğreneceksin. HTML5 ile tablo oluşturmayı öğreneceksin.
5
Link Parametrelerini Öğrenelim
Bu etkinlikte link oluşturma etiketlerini öğreneceksin. Farklı link yapılarını öğreneceksin. Bir web sitesinde id tanımlamayı ve id’ye link eklemeyi öğreneceksin.
6
Görsel, Ses ve Video Ekleyelim
Bu etkinlikte web sitelerine görsel eklemeyi ve biçimlendirmeyi öğreneceksin. Web sitelerine ses eklemeyi öğreneceksin. Web sitelerine video eklemeyi öğreneceksin.
7
Form Oluşturalım
Bu etkinlikte formların kullanım amaçlarını öğreneceksin. Form etiketlerini öğreneceksin. Form oluşturmayı öğreneceksin.
8
Html5 Iskeleti
Bu etkinlikte HTML5’in genel yapısını öğreneceksin. HTML5’in yapısal etiketlerini öğreneceksin.
9
Yeni Bir Proje Oluşturalım
Bu etkinlikte bu derste öğrendiğin etiketleri kullanarak yeni bir proje oluşturacaksın. Su ayak izinle alakalı bilgi edineceksin.
10
Kodlarımızı Diğer Platformlarda Çalıştıralım
Bu etkinlikte “Not Defteri” ile web sayfası oluşturacaksın. HTML5 kodlarını diğer platformlarda çalıştıracaksın. Bir web sayfasının kodlarını görüntüleyeceksin.